import store from '@/store'
export default {
  install(Vue) {
    Vue.prototype.$fn = () => {
      console.log('Vue..... $fn')
    }

    Vue.directive('allow', {
      // el: 就是当前的dom元素
      // binding: 是一个对象，它会自动收集指令的信息。其中value就是: v-allow="value"

      inserted: function(el, binding) {
        // console.log(el, binding.value) // excel_export
        // 如果在vuex中的points中可以找到这个value，说明可以看见这个按钮
        const points = store.state.user.userInfo.roles.points
        // console.log(binding.value, points)
        if (!points.includes(binding.value)) {
          el.remove() // 直接删除这个dom
        }
        // if (points.includes(binding.value)) {
        //   console.log(binding.value, '按钮可见')
        // } else {
        //   // 直接删除这个dom
        //   el.remove()
        // }
      }
    })
  }
}
